<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业1-form</title>
    <style>
        #citys{
            width: 100px;
        }
    </style>
</head>
<body>
    <table width="700px">
        <tr>
            <td>登录名：</td>
            <td><input required>(可包含a-z, 0-9和下划线)</td>
            <td><img src="img/read.gif" >阅读贵美网服务协议</td>
        </tr>
        <tr>
            <td>密码：</td>
            <td><input type="password">(至少包含6个字符)</td>
            <td rowspan="8"><textarea cols="30" rows="18" placeholder="欢迎阅读"></textarea></td>
        </tr>
        <tr>
            <td>确认密码：</td>
            <td><input type="password" name="" id=""></td>
        </tr>
        <tr>
            <td>电子邮箱：</td>
            <td><input type="email" name="" id=""></td>
        </tr>
        <tr>
            <td>性别：</td>
            <td>
                <input type="radio" name="gender" id="" checked><img src="img/Male.gif" >
                <input type="radio" name="gender" id=""><img src="img/Female.gif" >
            </td>
        </tr>
        <tr>
            <td>头像：</td>
            <td><input type="file" name="" id=""></td>
        </tr>
        <tr>
            <td>爱好：</td>
            <td>
                <input type="checkbox" name="hobby" id="">运动
                <input type="checkbox" name="hobby" id="">聊天
                <input type="checkbox" name="hobby" id="">玩游戏
            </td>
        </tr>
        <tr>
            <td>喜欢的城市：</td>
            <td>
                <!-- <input type="search" name="" id="citys" list="city" value="【请选择】">
                <datalist id="city">
                    <option>【请选择】</option>
                    <option> 兰州 </option>
                    <option> 西安 </option>
                    <option> 成都 </option>
                </datalist> -->

                <select name="" id="">
                    <option>【请选择】</option>
                    <option> 兰州 </option>
                    <option> 西安 </option>
                    <option> 成都 </option>
                </select>
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <button disabled>同意右侧服务条款</button>
                <button type="reset">重填</button>
                <input type="image" src="img/submit.gif" value="提交">
            </td>
        </tr>

    </table>
    
</body>
</html>